import styled from 'styled-components'
// 列表
// 热门分类
export const ListBox = styled.div`
  padding-left: .1rem;

>h1 {
  height: .5rem;
  line-height: .6rem;
  padding-left: .15rem;
  color: #666;
  padding-left: 0;
}

>div {
  display: flex;
  flex-wrap: wrap;

  >dl {
    width: calc(50% - 0.1rem);
    background: #fff;
    margin-right: .1rem;
    margin-bottom: .1rem;

    dt {
      img {
        width: 100%;
      }
    }

    dd {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: .1rem;

      h3 {
        font-size: .16rem;
      }

      p {
        font-size: .12rem;
        color: #666;
      }
    }
  }
`